/*
Author: kenrich
Time:2017-02-13 -- 2017-02-20
*/
/* reset */
/*通用*/
img{
	max-width: 100%;
	width: auto\9;
	height: auto;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
a{
	text-decoration: none;
	color: #4b4b4b
}
a:hover,a:focus{
/*	text-decoration: none;*/
	outline: none;
	color: #666
}

body{
	font-family: "Microsoft Yahei",sans-serif, 'Titillium Web',"Arial Black";
	font-size: 12px;
	color: #666
}

h1,h2,h3,h4,h5,h6{
	font-family:"Microsoft Yahei",sans-serif, 'Titillium Web', "Arial Black";
	margin: 0;
	padding: 0
}

hr{
	width: 100px;
	margin: 1em auto 2em;
	border: 2px solid #14a58c;
}

ul,li{
	margin: 0;
	padding: 0
}
li{
	list-style-type: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.db{
    display: block!important;
}
.dn{
    display: none!important;
}
.container{
    padding: 0
}

/*清除浮動*/
.clearfix:before, .clearfix:after {
	content:""; display:table;
}
.clearfix:after{
	clear:both; overflow:hidden;
}
.clearfix{
	zoom:1;
}
/*end 通用*/

/*footer*/
.footer{
    border-top: 1px solid #e6e4e4;
    background: #f3f3f3;
}
.footer h4{
	font-size: 15px;
	margin-bottom: 10px;
}
.foot-nav{
    margin: 20px 20px;
}

.foot-message span{
    margin-right: 15px;
}
.foot-nav .item{
	float: left;
	width: 136px;
}
.foot-nav .item li{
	line-height: 30px;
}
.foot-nav .item li a{
	color:#888;
	cursor: pointer;
}
.foot-nav .item li a:hover{
	color: #f28900;
}
.foot-nav .payment_trust li{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.foot-message{
	border-top: 1px solid #e6e4e4;
    margin: 10px 20px;
    padding: 10px 0;
    text-align: center;
}
.foot-message li{
	line-height: 30px;
}

/*header*/
.header{
	width: 950px;
	height: 35px;
	position: fixed;
	left: 50%;
	margin-left: -475px;
	top: 0;
	z-index: 3;
	display: block;
	background: #f3f3f3;
	border-bottom: 2px solid #94c722;
	-webkit-overflow-scrolling: touch;
}
.header .pop_tip_box{
    position: relative;
}
.header .pop_tip_box:hover .pop_tip{
	display: block;
}
.header .pop_tip{
	z-index: 9999;
	width: 100px;
	position: absolute;
	top: 33px;
	left: -30px;
	line-height: 1.5em;
	background: #fff;
	border: 1px solid #94c722;
	z-index: 1;
	display: none;
}
.header .pop_tip li{
	border-top: 1px solid #e6e4e4;
    padding-left: 20px;
    display: block;
    width: 100px;
}
.header .pop_tip li a{
	height: 24px;
	line-height: 24px;
}
.website_nav li{
	float: left;
	padding: 0 5px;
}
.website_nav li a{
	display: inline-block;
	color: #666;
	line-height: 35px;
	height: 35px;
}
.service_nav li{
	float: left;
	padding: 0 5px;
}
.service_nav li a{
	display: inline-block;
	color: #666;
	line-height: 35px;
	height: 35px;
	cursor: pointer;
}
.service_nav .join a {
    color: #00929f;
}
.service_nav .shopping a, .service_nav .shopping a:hover {
    color: #cc0000;
}
#shopping_cart_num{
	font-weight: bold;
	margin: 0 5px;
}
.service_nav .shopping a{
    background: url("../images/shoppingcar.gif") no-repeat 0 center;
    width: 65px;
    height: 35px;
    padding-left: 20px;
}

/*logo*/
.logo{
	margin-top: 50px;
	margin-bottom: 10px;
}

/*point-nav*/
.point-nav ul{
	float: right;
}
.point-nav li{
    float: left;
}
.point-nav li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #c9dcdc;
	color: #fff;
	text-align: center;
	line-height: 23px;
	border-bottom: 2px solid #84b714;
	box-sizing: border-box;
}
.point-nav li {
	width: 78px;
	height: 25px;
	display: inline;
	float: left;
	margin-left: 1px;
	overflow: hidden;
}
.point-nav li:hover a{
	text-decoration: none;
}

/*main*/
.main-menu h3{
    font-size: 13px;
    padding: 0 5px 0 10px;
    display: block;
    width: 150px;
    height: 26px;
	line-height: 26px;
}
.main-left{
	position: relative;
}
.main-left .main-menu .main-menu-sub{
	height: 26px;
	line-height: 26px;
	width: 150px;
	display: block;
}
.main-left .main-menu .nav_popup{
	position: absolute;
	left:148px;
	width: 801px;
	border: 1px solid #84b714;
	border-left: 0;
	z-index: 9999;
	top:46px;
	background: #fff;
	display: none;
	min-height: 432px;
	padding: 10px;
}
.nav_popup-box{
	float: left;
	width: 190px;
	padding-right:15px ;
	margin-bottom: 10px;
}
.nav_popup-box li{
	float: left;
}

.nav_popup-box li a:hover{
	text-decoration:underline;
	color: #f28900
}
.nav_popup-box h4{
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}
.main-left .main-menu li a{
	margin-right: 10px;
}
.menu-stb h3{
	background-color: #e5ded8;
	height: 30px;
	line-height: 30px;
	width: 146px;
	margin-top: 20px;
}
.main-menu-intr li.active:hover .nav_popup{
	display: block;
}
.main-menu-intr li.active{
	background: #94c722;
	cursor: pointer;
	background:#94c722 url(../images/iright.png) no-repeat 130px center;
	background-size:16px;
}

.nav_popup-box{
	width: 190px;
	float: left;
}
.main-left{
	width: 750px;
	float: left;
}
.sidebar-right{
	float: right;
	width: 190px;
}
.main-left ul span{
	float: left;
}
.main-left .tab-first-floor li,
.main-left .tab-second-floor li{
	width: 75px;
	float: left;
}
.main-left .tab-third-floor li,
.main-left .tab-four-floor li{
	width: 100px;
	float: left;
}
.main-first-floor li span,
.main-second-floor li span,
.main-third-floor li span,
.main-four-floor li span{
	height: 4px;
	background: #bfbfbf;
	width: 100%;
}
.main-left .book-sortt{
	height: 30px;
    line-height: 30px;
	font-size: 15px;
	text-align: center;
	color: #f28900;
	background: #fff;
	border-top: 4px solid #bfbfbf;
	width: 150px;
	text-align: center;
	float: left;
	display: inline-block;
}
.tab-first-floor li{
	text-align: center;
	color: #666;
	background: #eee;
	width: 75px;
}
.tab-first-floor li div,
.tab-second-floor li div,
.tab-third-floor li div,
.tab-four-floor li div{
	border: 1px solid #e1dfdf;
	border-width: 0 0 1px 1px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.main-first-floor .tab-first-floor ul,
.main-second-floor .tab-second-floor ul,
.main-third-floor .tab-third-floor ul,
.main-four-floor .tab-four-floor ul{
	float: right;
	width: 600px;
}

.tab-second-floor li{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-align: center;
	color: #666;
	background: #eee;
	width: 75px;
	
}
.tab-third-floor li{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-align: center;
	color: #666;
	background: #eee;
	width: 100px;
}
.tab-four-floor li{
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	text-align: center;
	color: #666;
	background: #eee;
	width: 100px;
}
.main-first-floor li.active div,
.main-second-floor li.active div,
.main-third-floor li.active div,
.main-four-floor li.active div{
	border-bottom: 1px solid #fff;
    background: #fff;
}
.main-first-floor li.active span,
.main-second-floor li.active span,
.main-third-floor li.active span,
.main-four-floor li.active span{
	background: #94c722;
}
.tabCon-first-floor .book-item.on,
.tabCon-second-floor .book-item.on,
.tabCon-third-floor .book-item.on,
.tabCon-four-floor .book-item.on{
	display: block
}
.tabCon-first-floor .book-item,
.tabCon-second-floor .book-item,
.tabCon-third-floor .book-item,
.tabCon-four-floor .book-item{
	display: none
}

.tabCon-first-floor li{
	float: left;
	width: 180px;
	margin-left: 10px;
	text-align: center;
}
.tabCon-first-floor ul{
	margin:10px 0 20px -10px;
}
.tabCon-first-floor a:hover{
	color: #f28900;
}
.tabCon-first-floor .book-title{
	margin-bottom: 15px;
}
.tabCon-first-floor img{
	max-width: 120px
}
.tabCon-second-floor li{
	float: left;
	width: 180px;
	margin-left: 10px;
	text-align: center;
}
.tabCon-second-floor ul{
	margin:10px 0 20px -10px;
}
.tabCon-second-floor a:hover{
	color: #f28900;
}
.tabCon-second-floor .book-title{
	margin-bottom: 15px;
}
.tabCon-second-floor img{
	max-width: 120px
}
.tabCon-third-floor li{
	float: left;
	width: 240px;
	margin-left: 10px;
	text-align: center;
}
.tabCon-third-floor ul{
	margin:10px 0 20px -10px;
}
.tabCon-third-floor a:hover{
	color: #f28900;
}
.tabCon-third-floor .book-title{
	margin-bottom: 15px;
}
.tabCon-third-floor img{
	max-width: 120px
}
.tabCon-four-floor li{
	float: left;
	width: 100%;
	text-align: center;
	padding: 0 30px
}
.tabCon-four-floor ul{
	margin:10px 0 20px -10px;
}
.tabCon-four-floor a:hover{
	color: #f28900;
}

.tabCon-four-floor .book-title{
	margin-bottom: 15px;
}

.table_card p{
	margin-top: 15px;
	line-height: 20px;
	padding: 0 10px;
}

/*sidebar-right*/
.sidebar-right{
	padding-top: 10px;
}
.sidebar-rtop{
	border: 1px solid #e1dfdf;
	text-align: center;
}
.sidebar-rtop h3{
	color: #f28900;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.sidebar-rtop img{
	max-width: 120px;
}
.sidebar-rtop h4{
	margin-bottom: 5px;
	font-size: 13px;
	text-align: left;
	padding: 10px 10px 0 10px;
	line-height: 18px;
}
.sidebar-rtop a:hover{
    color: #f28900;
}
.sidebar-rtop .intr p{
    text-align: left;
    padding: 0 10px;
}
.sidebar-rcenter{
	margin-top: 10px;
}
.sidebar-rcenter{
	border: 1px solid #e1dfdf;
	text-align: center;
}
.sidebar-rcenter h3{
	color: #f28900;
	font-size: 15px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.sidebar-rcenter img{
	max-width: 120px;
}
.sidebar-rcenter h4{
	margin-bottom: 5px;
	font-size: 13px;
	text-align: left;
	padding: 10px 10px 0 10px;
	line-height: 18px;
}
.sidebar-rcenter a:hover{
    color: #f28900;
}
.sidebar-rcenter blockquote {
	color: #666;
	line-height: 20px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 13px;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 15px;
}
.sidebar-rcenter .price li{
	text-align: left
}
.sidebar-rcenter .price{
	padding: 0 10px
}
.sidebar-rcenter .price span{
    color: #f04f47;
    margin: 0 2px;
}
.sidebar-right .more{
	padding-left: 22px;
    background: url(../images/icon.png) no-repeat -783px 0px;
    float: right;
    margin-right: 10px;
    margin-bottom: 10px;
}
.sidebar-right .addcart{
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #b3b3b3));
	background: -moz-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
	background: -o-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
	background: -ms-linear-gradient(top, #ffffff 5%, #b3b3b3 100%);
	background: linear-gradient(to bottom, #ffffff 5%, #b3b3b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b3b3b3',GradientType=0);
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #858585;
	display: inline-block;
	color: #333;
	font-family: arial;
	font-size: 93%;
	font-weight: normal;
	padding: 2px 6px 1px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #e6e3df;
	line-height: 1.38;
}
.sidebar-rcenter-top{
	border-bottom: 1px solid #e1dfdf;
	padding-bottom: 15px;
}
.sidebar-rcenter-top .price{
	margin-bottom: 10px;
}
.sidebar-rcenter-bottom .price{
	margin-bottom: 10px;
}
.sidebar-rcenter-bottom{
	padding-bottom: 15px;
}
.sidebar-rbottom{
	margin-top: 10px;
}

/*main-menu*/
.main-menu{
	border: 2px solid #bfbfbf;
	width: 150px;
	float: left;
	height: 478px;
	border-bottom: 0;
	border-top: 0;
	position: absolute;
	left: 0;
	top:-46px;
	background: #fff;
}

/*banner*/
.banner{
	width: 600px;
	float: right;
	z-index: 99;
}
#owl-banner .owl-pagination {
	text-align: center;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 10px;
}

#owl-banner .owl-prev {
	background: #bbb url(../images/left.png) no-repeat center center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
}
#owl-banner .owl-next:hover{
	opacity: 1;
}
#owl-banner .owl-next {
	background: #bbb url(../images/right.png) no-repeat center center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
}
#owl-banner .owl-controls .owl-page span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 5px;
	filter: Alpha(Opacity=50);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid #bbbbbb;
}
#owl-banner .owl-controls .owl-page.active span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 5px;
	filter: Alpha(Opacity=50);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #bbbbbb;
	border: 1px solid #bbbbbb;
}
#owl-banner .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}

/*search*/
.search-bar{
	height: 46px;
	background: #eee;
}
.search-right{
	float:right;
	margin-right: 40px;
}
.search-right li{
	float: left;
	margin-top: 15px;
}
.search-right a{
	color: #78b620;
	text-decoration: none;
	margin-left: 8px;
}
.search-right .keyword{
	width: 28px;
	height: 16px;
	overflow: hidden;
	float: left;
	display: block;
	text-indent: -9999px;
	background-color: #ffac28;
	background-position: -172px -400px;
	background-image: url(../images/sp_header.png);
    background-repeat: no-repeat;
}

.search-left a{
	text-decoration: none;
	display: block;
	height: 46px;
	text-align: center;
	line-height: 46px;
	color: #f28900;
	border-top: 3px solid #c9dcdc;
	background: #fff;
}
.search-center{
	width: 390px;
	float: left;
	margin-top: 7px;
	margin-left: 160px;
}
.search_key{
	float: left;
	width: 245px;
	height: 30px;
	line-height: 30px;
	margin: 2px 1px 2px 2px;
	color: #555;
	font-size: 100%;
	text-indent: 5px;
	border: none;
	background: #fff;
	border:2px solid #c9dcdc;
	border-right: 0;
	outline: none;
}
.search-center button {
	width: 38px;
	height: 30px;
	text-indent: -9999px;
	border: none;
	margin: 2px 0;
	background: #c9dcdc;
	outline: none;
	margin-left: -1px;
}
.search-center button:hover{
	background: #BEE0E0;
}
.search-center button span{
	background-image: url(../images/sp_header.png);
    background-repeat: no-repeat;
    background-position: -380px -295px;
    display: block;
    width: 38px;
	height: 28px;
}
.search_set {
	width: 100px;
	height: 28px;
	line-height: 28px;
	position: relative;
	float: left;
	margin: 2px 1px 2px 0;
	_margin: 2px -2px 2px 0;
	text-indent: 5px;
	background: #ffffff;
}
.top_search_tip .kaiguan {
	position: relative;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	display: block;
	border-left:1px solid #c9dcdc;
	border-top: 2px solid #c9dcdc;
	border-bottom: 2px solid #c9dcdc;
	margin-left: -1px;
}
.top_search_tip .kaiguan:hover{
	text-decoration: none;
}
.top_search_tip:hover .search_popup{
   display: block;
}
.search_popup{
	z-index: 9999;
	width: 100px;
	position: absolute;
	top: 29px;
	left: -1px;
	line-height: 1.5em;
	background: #fff;
	border: 1px solid #94c722;
	z-index: 1;
	display: none
}
.search_popup a{
	padding: 5px;
	display: block;
	text-decoration: none;
}
.search_popup a:hover{
	background: #f5f5f5;
}
.top_search_tip .icon {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 6px;
	background-position: -286px -345px;
	background-color: #94c722;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background-image: url(../images/sp_header.png);
}


/*彈出框*/
.tanchukuang{
	top:30px;
}
.tanchukuang .modal-content{
	padding:40px 30px 20px 30px;
}

.tanchukuang form{
	width: 300px;
	margin: 0 auto;
	margin-top: 20px;
}
.tanchukuang form label{
	font-weight: 400;
	width: 100px;
	height: 34px;
	line-height: 34px;
	float: left;
	font-size: 14px;
}
.tanchukuang form input{
	width: 200px;
	float: left;
}
.tanchukuang form select{
	width: 200px;
	float: left;
}
.tanchukuang form textarea{
	width: 200px;
	float: left;
	height: 100px;
}
.tanchukuang .form-group{
	margin-bottom: 10px;
}
.tanchukuang input[type="submit"]{
	outline:none;
	border:1px solid #088202;
	background: #80cd5a;
	border-radius: 4px;
	width: 70px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}
.tanchukuang .queren{
	margin-right: 20px;
	margin-left: 100px;
}
.tanchukuang .yzmk{
	width: 80px;
}
.tanchukuang .code{
	width: 80px;
	height: 34px;
	line-height: 34px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-left: 5px;
}
.tanchukuang .refresh{
	float: left;
	width: 24px;
	margin-left: 5px;
	height: 34px;
	line-height: 34px;
}
.tanchukuang .refresh img{
	width: 24px;
}

/*加入供應商supplier*/
.tanchukuang .supplier-intr span{
	color:red;
	margin-right: 3px;
}
.tanchukuang .supplier-intr{
    border: 1px solid #999;
    padding: 15px 10px 0 10px;
    border-radius: 4px;
    max-height: 170px;
    overflow-y:scroll;

}
.tanchukuang .supplier-intr h4{
	color:#f28900;
	font-size: 16px;
	margin-bottom: 10px;
}
.tanchukuang .supplier-intr p{
	line-height: 24px;
}

/*注冊register*/
.register-tck form span{
	color:red;
	margin-right: 3px;
}
.register-tck form label{
	text-align: right
}
.register-tck form select.age{
	width: 80px;
}
.register-tck form select{
	width: 65px;
	margin-right: 3px;
	padding-left: 3px;
}
.register-tck form{
	width: 390px;
	margin: 0 auto;
	border:1px solid #999;
	padding-left: 20px;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	border-radius: 4px;
	margin-bottom: 10px;
	-moz-box-shadow:1px 1px 20px #333333; -webkit-box-shadow:1px 1px 20px #333333; box-shadow:1px 1px 20px #333333;
}
.register-tck form input{
	width: 220px;
	float: left;
}
.register-tck form h4{
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.register-tck .fgline{
	height: 1px;
	border-top: 1px solid #999;
	width: 350px;
}
.register-tck h5{
	color:#f28900;
	font-size: 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.register-tck h3{
	color:#7ccb54;
}

/*登錄login-tck*/
.login-tck h3{
	color:#7ccb54;
	margin-bottom: 15px;
}
.login-tck form{
	background: url(../images/shape.png) no-repeat right 0;
	width: 390px;
	margin: 0 auto;
	border:1px solid #999;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	border-radius: 4px;
	-moz-box-shadow:1px 1px 20px #333333; -webkit-box-shadow:1px 1px 20px #333333; box-shadow:1px 1px 20px #333333;
}
.login-tck form label{
	text-align: right
}
.login-tck .fgline1{
	height: 1px;
	border-top: 1px solid #ccc;
	width: 350px;
}
.login-tck .fgline{
	height: 1px;
	border-top: 1px solid #999;
	width: 350px;
}
.login-tck .go-register{
	font-size: 16px;
	margin-top: 10px;
	margin-left: 15px;
}
.login-tck .go-register a{
	color:#7ccb54;
	cursor: pointer;
	margin-left: 5px
}
.login-tck .go-register .ckgf{
	margin-left: 85px;
}
.login-tck .login-more{
	padding-top: 10px;
	text-align: center;
	margin-right: 10px;
}
.login-tck .login-more img{
   width: 24px;
   margin-left: 10px;
   margin-bottom: 5px;
}
.login-tck .login-btn input[type="submit"]{
	width: 140px;
	margin:15px auto 10px 115px;
	font-size: 14px;
}
.login-tck .jz-password{
	font-size: 14px;
	padding-left: 100px;
}
.login-tck .jz-password input[type="checkbox"]{
    width: 16px;
}
.login-tck .jz-password a{
	background: url(../images/forget.png) no-repeat;
	padding-left: 20px;
	margin-left: 15px;
}
.login-tck .modal-content{
	padding: 0
}
.login-tck .modal-dialog{
	width: 391px;
}

/*支付pay-tck*/ 
.pay-tck form{
	width: 540px;
}
.pay-tck .select-case h4{
    color: #f28900;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
}
.pay-tck .select-case select{
	width: 150px;
	float: left;
	margin-right: 20px;
}
.pay-tck .select-case input{
	width: 150px;
	float: left;
}
.pay-tck .select-pay h4{
    color: #f28900;
    font-size: 16px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    margin-top: 20px;
}
.pay-tck .select-paymore{
	position: relative;
}
.pay-tck .select-paymore input[type=radio ] {
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    opacity: 0;
    filter: "alpha(opacity=0)";
    position: absolute;
    left: 0;
    cursor: pointer;
}
.pay-tck .select-paymore input[type=radio] + label {
    width: 30px;
    height: 30px;
    background: url(../images/chk1.png) 5px center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    cursor: pointer;
}
.pay-tck .select-paymore input[type=radio]:checked + label {
    width: 30px;
    height: 30px;
    background: url(../images/chk2.png) 5px center no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    display: inline-block;
    cursor: pointer;
    margin: 0;
}
.pay-tck .select-paymore {
	width: 260px;
	float: left;
}
.pay-tck .select-paymore .right{
	float: left;
	height: 30px;
	line-height: 30px;
}
.pay-tck  .select-paya{
	height: 120px;
	background: url(../images/pay1.png) no-repeat 0px 43px;	
}
.pay-tck  .select-payb{
	height: 120px;
	background: url(../images/pay2.png) no-repeat 0px 40px;	
}
.pay-tck  .select-payc{
	height: 200px;
	background: url(../images/pay3.png) no-repeat 0px 40px;	
}
.pay-tck  .select-payd{
	height: 200px;
	background: url(../images/pay4.png) no-repeat 0px 45px;	
}
.pay-tck .pay-btn{
	margin-top: 30px;
	margin-left: 30px;
}
.pay-tck .pay-btn input{
    width: 100px;
}

.main-left-other .main-menu{
    border-bottom: 2px solid #bfbfbf; 
    height: 46px; 
}
.main-left-other .main-menu-intr{
	display: none;
}
.main-left-other .search-left a{
	color: #333;
	border-bottom: 2px solid #bfbfbf;
	background:url(../images/down.png) no-repeat center 27px;
    background-repeat: no-repeat;
}
.main-left-other .menu-stb{
	display: none;
}
.main-left-other:hover .main-menu-intr{
	display: block;
}
.main-left-other:hover .menu-stb{
	display: block;
}
.main-left-other:hover .main-menu{
	height: 478px;

}
.main-left-other:hover .search-left a{
	background: none;
	border-bottom: 0;
	color: #f28900;
}


/*booksort-nav*/

.booksort-nav{
	height: 35px;
    border-bottom: 1px solid #e6e4e4;
    margin-top: 10px;
}
.booksort-nav ul{
	padding-left: 10px;
}
.booksort-nav ul li{
	float: left;
	margin: 0 5px;
}
.booksort-nav ul li a{
	height: 35px;
	line-height: 35px;
	color: #333;
}
.booksort-nav .booksort-title{
	width: 150px;
	background: url(../images/icon1.gif) no-repeat -860px -1484px;
}
.booksort-nav .booksort-title a{
	height: 35px;
	line-height: 35px;
	color: #00929f;
	padding-left: 25px;
}
.booksort-main{
	padding-bottom: 20px;
}
.booksort-main h4{
	border-bottom: 1px dotted #d8d8d8;
	color: #f28900;
	padding-bottom: 5px;
	font-size: 15px;
	margin-bottom: 10px;
}
.sidebar-left{
	width: 150px;
}
.sidebar-left .jianti-sort{
	text-align: center;
	margin-bottom: 25px;
}
.sidebar-left .jianti-sort h5{
	margin:15px 0 10px 0;
	text-align: left
}
.sidebar-left .jianti-sort .writer{
	text-align: left;
	margin-bottom: 0;
}
.sidebar-left .jianti-sort .price{
	text-align: left;
}
.sidebar-left .jianti-sort .price b{
	color: #fe2828;
    font-size: 15px;
    font-weight: bold;
}
.sidebar-left .jianti-sort .msg{
	text-align: left;
}

.sidebar-left .jianti-sort a{
	text-decoration: underline;
}
.sidebar-left .jianti-sort img{
    max-width: 100px	
}
.booksort-content{
	width: 785px;
}
.sidebar-left .sort-tongji{
	margin-bottom: 40px;
}
.sidebar-left .sort-tongji li{
	padding: 5px 0 
}
.sidebar-left .sort-tongji li span a{
	color: #444;
    text-decoration: underline;
    padding-left: 15px;
}
.sidebar-left .sort-tongji li:hover a{
	color: #222
}
.sidebar-left .sort-tongji li span:hover{
    background: url(../images/icon1.gif) no-repeat -997px -1492px;
}

.nav-menu li{
	float: left;
	padding: 0 12px 0 2px;
    background-position: 100% -186px;
    background-image: url(../images/sp_header.png);
    background-repeat: no-repeat;
    margin-right: 4px;
}
.nav-menu li a{
	height: 34px;
	line-height: 34px;
	text-decoration:underline;
}
.nav-menu li.last{
	background: none;
	height: 34px;
	line-height: 34px;
}
.booksort-content-info{
	padding-top: 3px;
}   

/*news*/
.accordion-item .accordion-content{
	display: none;
	min-height: 150px;
	border:1px solid #ccc;
	border-top: 0;
	padding: 15px 10px;
}
.accordion-item.active .accordion-content{
	display: block;
	border-radius: 0px 0px 4px 4px;
}
.accordion-item{
	margin-bottom: 5px;
}
.accordion-item h3{
	height: 38px;
	line-height: 38px;
	border:1px solid #ccc;
	border-radius: 4px;
	cursor: pointer;
	font-size: 15px;
	color:#f28900;
	padding-left: 30px;
	background: url(../images/r1.png) no-repeat 10px 13px;
}
.accordion-item.active h3{
	background:#d8d8d8 url(../images/r2.png) no-repeat 10px 15px;
	color:#666;
	border-radius: 4px 4px 0px 0px
}


/*product*/
.book-topic-a{
	padding-left: 40px;
}
.book-topic-b{
	padding-left: 55px;
}
.product-main .owl-allbook-item li{
    float: left;
    width: 130px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 30px;
    background: url(../images/s_title_line.gif) no-repeat center top;
    padding-top: 20px;
}
.product-main .owl-allbook-item li img{
	max-width: 100px
}
#owl-allbook{
	padding-left: 40px;
	padding-top: 20px;
}
.product-main .owl-allbook-item h5,
.product-main .owl-jqbook-item h5,
.product-main .owl-rmbook-item h5,
.product-main .owl-jxbook-item h5 {
    margin: 15px 0 10px 0;
}
.product-main .owl-allbook-item li:hover h5 a,
.product-main .owl-rmbook-item li:hover h5 a,
.product-main .owl-jxbook-item li:hover h5 a,
.product-main .owl-jqbook-item li:hover h5 a{
	color: #f28900; 
}
.product-main .owl-allbook-item h5 a,
.product-main .owl-jqbook-item h5 a,
.product-main .owl-jxbook-item h5 a,
.product-main .owl-rmbook-item h5 a{
    text-decoration: underline;
    line-height: 16px;
    height: 40px;
}
.product-main .owl-allbook-item p,
.product-main .owl-jqbook-item p,
.product-main .owl-rmbook-item p,
.product-main .owl-jxbook-item p{
	margin-bottom: 3px;
}
.product-main .owl-allbook-item .price b,
.product-main .owl-jqbook-item .price b,
.product-main .owl-rmbook-item .price b,
.product-main .owl-jxbook-item .price b {
	color: #fe2828;
	font-size: 15px;
	font-weight: 400;
}
.product-main .owl-allbook-item .msg {
    text-align: left;
    margin-top: 6px;
}
.product-main .owl-allbook-item .price li,
.product-main .owl-jqbook-item .price li,
.product-main .owl-rmbook-item .price li,
.product-main .owl-jxbook-item .price li{
	margin-bottom: 0;
	background: none;
	padding-top: 0;
	margin-top: 0;
}
#owl-smallbook .owl-pagination{
	display: inline-block;
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: right;
	right:20px;
}
#owl-allbook .owl-pagination,
#owl-jqbook .owl-pagination,
#owl-rmbook .owl-pagination,
#owl-jxbook .owl-pagination {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: -35px;
	text-align: right;
	right:0px;
}
#owl-allbook .owl-prev,
#owl-jqbook .owl-prev,
#owl-rmbook .owl-prev,
#owl-jxbook .owl-prev {
	background: #d8d8d8 url(../images/left.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 150px;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
	border-radius: 20px;
	background-size:20px;
}
#owl-allbook .owl-next,
#owl-jqbook .owl-next,
#owl-rmbook .owl-next,
#owl-jxbook .owl-next {
	background: #d8d8d8 url(../images/right.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 150px;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
	border-radius: 20px;
	background-size:20px;
}
#owl-allbook .owl-controls .owl-page span,
#owl-jqbook .owl-controls .owl-page span,
#owl-rmbook .owl-controls .owl-page span,
#owl-jxbook .owl-controls .owl-page span
 {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 3px;
	filter: Alpha(Opacity=50);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid #bbbbbb;
}
#owl-smallbook .owl-controls .owl-page span{
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 3px;
	filter: Alpha(Opacity=50);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #bbbbbb;
	border: 1px solid #bbbbbb;
}
#owl-allbook .owl-controls .owl-page.active span,
#owl-jqbook .owl-controls .owl-page.active span,
#owl-rmbook .owl-controls .owl-page.active span,
#owl-jxbook .owl-controls .owl-page.active span
 {
    background: #bbbbbb;
	border: 1px solid #bbbbbb;
}
#owl-smallbook .owl-controls .owl-page.active span{
	background: #78b620;
	border: 1px solid #78b620;
}
#owl-allbook .owl-controls .owl-page,
#owl-jqbook .owl-controls .owl-page,
#owl-rmbook .owl-controls .owl-page,
#owl-jxbook .owl-controls .owl-page,
#owl-smallbook .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
.hr_shadow{
	height: 20px;
    background: url(../images/sp_type02_pic1.gif) no-repeat 100% 0;
    margin-bottom: 10px;
}
.product-main-bleft{
	float: left;
	width: 550px;
}
.product-main-bright{
	float: right;
	width: 224px;
}
.product-main-bleft .owl-jingqi-book li{
	float: left;
    width: 130px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 25px;
}
.product-main-bleft .owl-jingqi-book li img{
	max-width: 100px
}
#owl-jqbook,#owl-rmbook,#owl-jxbook{
	padding-left: 55px;
}
.product-cx img{
    max-width: 100px;
    margin-bottom: 10px;
}
.product-cx{
	padding-top: 10px;
}
.product-cx a{
	display: block;
}
.pic-cx{
	text-align: center;
}
.product-cx li{
	padding-left: 30px;
	margin-bottom: 10px;
}
.product-cx li a{
	text-decoration: underline;
}
.product-cx li a:hover{
	color:#f28900;
}
.product-cx li.number01{
	background: url(../images/number_a.gif) no-repeat;
}
.product-cx li.number02{
	background: url(../images/number_a.gif) no-repeat 0 -200px;
}
.product-cx li.number03{
	background: url(../images/number_a.gif) no-repeat 0 -400px;
}
.product-cx li.number04{
	background: url(../images/number_a.gif) no-repeat 0 -600px;
}
.product-cx li.number05{
	background: url(../images/number_a.gif) no-repeat 0 -800px;
}
.product-cx li.number06{
	background: url(../images/number_a.gif) no-repeat 0 -1000px;
}
.product-cx li.number07{
	background: url(../images/number_a.gif) no-repeat 0 -1200px;
}
.product-cx li.number08{
	background: url(../images/number_a.gif) no-repeat 0 -1400px;
}
.product-cx li.number09{
	background: url(../images/number_a.gif) no-repeat 0 -1600px;
}
.product-cx li.number10{
	background: url(../images/number_a.gif) no-repeat 0 -1800px;
}


/*product-intr 産品介紹*/
.pintr-adbanner{
	margin-bottom: 20px;
}
.pintr-info-pic{
	width: 350px;
	height: 350px;
	border: 1px solid #cfcfcf;
	text-align: center;
	float: left;
	padding: 30px
}
.pintr-info-pic img{
	max-width: 300px;
	max-height: 300px
}
.pintr-infomation{
	float: left;
	width: 400px;
	padding-left: 15px;
}
.pintr-infomation h3{
	font-size: 18px;
}
.pintr-infomation .cbdate{
	margin-top: 15px;
}
.pintr-infomation .cbdate li{
	margin:7px 0;
}
.pintr-infomation .price{
	margin-top: 10px;
}
.pintr-infomation .price li{
	margin:5px 0;
}
.pintr-infomation .price li b{
	color: #d93800;
	font-size: 16px;
	margin-right: 5px;
}
.pintr-infomation .price em{
	text-decoration: line-through;
	font-style: inherit;
	margin-right: 3px;
}
.pintr-infomation .jishu-all h4{
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.pintr-infomation .jishu-all li{
	float: left;
	margin: 0 5px 5px 0
}
.pintr-infomation .jishu-all li a{
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	border:1px solid #ddd;
	border-radius: 3px;
	background: #eee;
}
.pintr-infomation .jishu-all li a:hover{
	background: #f28900;
	color:#fff;
}
.pintr-intesting h4,.pintr-buy h4{
	margin-top: 40px;
	border-bottom: 1px dotted #d8d8d8;
    color: #f28900;
    padding-bottom: 5px;
    font-size: 15px;
}
.pintr-intesting li a{
	text-decoration: underline;
}
.pintr-intesting li a:hover{
	color: #f28900;
}
.pintr-intesting li{
	width: 180px;
	float: left;
	margin-right: 10px;
	text-align: center;
	padding-top: 20px;
}
.pintr-intesting li img{
	max-width: 120px;
	margin-bottom: 15px;
}
.pintr-intesting .yuan-price strong{
    font-weight: 400;
    color:#d93800;
    font-size: 15px;
    margin-right: 3px;
}
.pintr-buy li{
	float: left;
	margin-right: 10px;
	text-align: center;
	padding-top: 20px;
	width: 160px;
}
.pintr-buy li:hover a{
	color: #f28900
}
.pintr-buy li img{
	max-width: 120px;
	margin-bottom: 15px;
}
#owl-pintr .owl-pagination {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: -20px;
	text-align: right;
	right:0px;
}
#owl-pintr .owl-prev {
	background: #d8d8d8 url(../images/left.png) no-repeat center center;
	position: absolute;
	left: 0px;
	top: 150px;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
	border-radius: 20px;
	background-size:20px;
}
#owl-pintr .owl-next {
	background: #d8d8d8 url(../images/right.png) no-repeat center center;
	position: absolute;
	right: 0px;
	top: 150px;
	margin-top: -18px;
	width: 35px;
	height: 35px;
	opacity: 0.8;
	border-radius: 20px;
	background-size:20px;
}
#owl-pintr .owl-controls .owl-page span{
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 3px;
	filter: Alpha(Opacity=50);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: transparent;
	border: 1px solid #bbbbbb;
}
#owl-pintr .owl-controls .owl-page.active span{
	background: #bbbbbb;
	border: 1px solid #bbbbbb;
}
#owl-pintr .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
}
#owl-pintr ul{
	padding-left: 50px;
}
#owl-pintr .price{
	padding-left: 0;
}
#owl-pintr .price li{
	padding-top: 0;
}
.book-topic-c .price li{
	padding-top: 0;
}
.book-topic-c h5 a{
	text-decoration: underline;
	line-height: 16px;
	height: 40px;
}
#owl-pintr h5 a{
	text-decoration: underline;
	line-height: 16px;
	height: 40px;
}
#owl-pintr .writer{
	margin-top: 5px;
	margin-bottom: 0;
}
.book-topic-c {
	padding-left: 50px;
}
.book-topic-c .writer{
	margin-top: 5px;
	margin-bottom: 0;
}
#owl-pintr .price b{
	font-weight: 400;
    color:#d93800;
    font-size: 15px;
    margin-right: 3px;
}
.book-topic-c .price b{
    font-weight: 400;
    color:#d93800;
    font-size: 15px;
    margin-right: 3px;
}
.pintr-content{
	margin-top: 40px;
	margin-bottom: 40px;
}
.pintr-content-left{
	width: 750px;
	float: left;
}
.pintr-content-right{
	width: 150px;
	float: right;
}
.pintr-content-left h4{
	border-bottom: 1px dotted #d8d8d8;
	color: #f28900;
	padding-bottom: 5px;
	font-size: 15px;
	margin-bottom: 40px;
}
.pintr-content-right li{
	text-align: center;
	margin-bottom: 20px;
}
.pintr-content-right li a:hover{
	color:#f28900;
}
.pintr-content-right li img{
	max-width: 120px;
    margin-bottom: 15px;
}
.pintr-content-right .writer{
	margin-bottom: 3px;
	margin-top: 5px;
}
.pintr-content-right .price li{
	margin-bottom: 0;
	margin-top: 0;
}
.pintr-content-right .price b{
	color: #fe2828;
    font-size: 15px;
    font-weight: 400;
}

.pintr-content-e a{
	text-decoration: underline;
	margin-left: 5px;
}
.pintr-content-e a:hover{
	color:#f28900;
}
.pintr-content-b .more{
	padding-left: 10px;
    background: url(../images/icon1.gif) no-repeat -295px -847px;
}
.pintr-content-d .more{
	padding-left: 15px;
    background: url(../images/icon1.gif) no-repeat -688px -147px;
    text-decoration: underline;
}
.pintr-content-a,.pintr-content-b,.pintr-content-c,.pintr-content-d,.pintr-content-e{
    padding-bottom: 40px;
    padding-left: 15px;
}